export default {
  path: '/movie',
  component: () => import('@/views/movie'),
  children: [
    {
      path: 'nowplaying',
      component: () => import('@/components/NowPlaying')
    },
    {
      path: 'city',
      component: () => import('@/components/City')
    },
    {
      path: 'comingsoon',
      component: () => import('@/components/ComingSoon')
    },
    {
      path: 'detail/1/:movieId',
      components: {
        default: () => import('@/components/NowPlaying'),
        detail: () => import('@/views/movie/detail')
      },
      props: { detail: true }
    },
    {
      path: 'detail/2/:movieId',
      components: {
        default: () => import('@/components/ComingSoon'),
        detail: () => import('@/views/movie/detail')
      },
      props: { detail: true }
    },
    {
      path: 'search',
      component: () => import('@/components/Search')
    }
  ],
  redirect: '/movie/nowplaying'
}
